<template>
<div class="area">
  <div class="nav">
      <div class="left">
        <van-dropdown-menu>
          <van-dropdown-item v-model="value1" :options="option1" />
        </van-dropdown-menu>
      </div>
      <div class="ReYing"  @click="toReYing" >热映</div>
      <div class="DaiYing"  @click="toDaiYing">待映</div>
      <div class="Ss" @click="toSerch">
        <i class="iconfont icon-sousuo"></i>
      </div>
  </div>
  <div class="foot">
          <router-view></router-view>
      </div>
</div>
    
</template>

<script>
export default {
     data(){
    return{
       value1: 0,
        option1: [
          { text: '阿坝', value: 0 },
        { text: '广州', value: 1 },
        { text: '深圳', value: 2 },
        { text: '佛山', value: 3},
        { text: '珠海', value: 4 },
      ],
    }
  },
     methods:{
     toReYing(){
        this.$router.push( {path: '/reying'} )
      },
      toDaiYing(){
        this.$router.push({ path: '/daiying' })
      },
      toSerch(){
        this.$router.push({ path: '/SerchIndex' })
      }

  }
}
</script>

<style scoped>
    .nav{
  width: 100%;
  height: 47px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: black;
}
.Ss{
  width: 30px;
  height: 30px;
}
.Ss i{
  font-size: 25px;
}
.iconfont{
  color:brown;
}

</style>